.title-png{
  width: 200px;margin-bottom: 1em;
}
.full-width-swiper {
  width: 100%;
  overflow: hidden;
}

.swiper-container {
  width: 100%;
  height: 600px;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.slide-caption {
  position: absolute;
  top: 20%;
  left: calc(50% - 600px);
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
  z-index: 10;
}

.slide-caption h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

.slide-caption h1 {
  font-size: 36px;
  font-weight: bold;
}

/* 分页器样式 */
/*.swiper-pagination {
  position: absolute;
  bottom: 20px !important;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: rgba(255,255,255,0.5);
  opacity: 1;
  margin: 0 8px !important;
}

.swiper-pagination-bullet-active {
  background: #fff;
  transform: scale(1.2);
}
*/
/* 导航按钮样式 */
/*
.swiper-button-next:after, .swiper-button-prev:after {
color: #fff;  
}
.swiper-button-next,
.swiper-button-prev {
  color: #fff;
  width: 40px;
  height: 40px;
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 20px;
}

*/
.chemical_page .swiper-button-prev, .chemical_page .swiper-button-next {
    color: #a50034;
}



.huaXuBu {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.huaXuBu img {
 height: 100px; 
 width: auto;
}
.huaXuBu p{line-height: 2em;text-align: justify;}
.huaXuBu > * {
  flex: 1 1 calc(50% - 30px);
  box-sizing: border-box;
  padding: 30px 60px 0 0;
  
}

.hxcp .yyfl-list {width: 29%!important;}
.bg_hxcp {background-image: url(../images/p_fw1200.jpg);background-repeat: no-repeat;background-size: cover;padding: 20px 0;}
.bg_hxbJX{padding-top: 20px;background-image: url(../images/bg_l.jpg), url(../images/bg_r.jpg);background-repeat: repeat-y,repeat-y;background-position: left,right;background-size: 200px,450px;}
.bg_part-two{background-image: url(../images/bg_lll.jpg);background-position: right;background-repeat: no-repeat;padding-top: 20px;}
.margintop2{margin-top: 8em;}
.aboutONCS-list-box{display: flex;flex-wrap: wrap;gap: 30px;}
.aboutONCS-list-box > *  {width: calc(25% - 30px);border-radius: 18px;overflow: hidden;}
.img-item {overflow: hidden;position: relative;transition: transform 0.3s ease;}
.aboutONCS-list-box .img-item img{transition: all 0.3s ease; transform: scale(1); width: 100%; height: 100%;object-fit: cover;}
.img-item:hover img {transform: scale(1.05);}
.img-item span { position: absolute; bottom: 20px; left: 10px; right: 0; color: #fff; padding: 10px; transform: translateY(50%); transition: transform 0.3s ease;font-size: 12px ;}
.img-item:hover span { transform: translateY(0);}
.ico-item{background-color: #9B002E;text-align: center;padding: 10px 0;}
.ico-item .item-name{color: #fff;margin: 30px 0;}
.ico-item .gomore{width: 50%; margin: auto; background-color: #fff;  padding: 8px 0;  margin-top: 30px;}

.ico-item {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.ico-item:hover .item-ico img {
  transform: scale(1.1);
}

.item-ico img {
  height: 60px;
  transition: transform 0.4s ease;
}

.gomore {
  transition: all 0.3s ease;
}

.lx-img{position: absolute;bottom: -5px;right: 0; pointer-events: none;}
.lx-img img{width: 70vw;}
.lxblock { height: 30vw;}

/* 移动端适配 */
@media (max-width: 768px) {
  .swiper-container {
      height: 300px;
  }
  .slide-caption {
    top: 25%;
    left: 5%;
}
.slide-caption h3 {
    font-size: 18px;
}
.slide-caption h1 {
    font-size: 24px;
}
.huaXuBu  {display: grid;}
.huaXuBu > * {
  flex: 1 1 100%;
  box-sizing: border-box;
  padding: 20px;
  
}
.hxcp .yyfl-list {width: 46%!important;}
.aboutONCS-list-box > *  {width: 45%;border-radius: 18px;overflow: hidden;}
}

.map_main{ position: relative;width: 79%; margin-right: 21%;}
.map_point_box{ position: absolute; height: 100%; width:100%; top:0; left: 0; }
.point_box{ position: absolute;}
.point_bg{ width: 40px;
    height: 40px;
    background-size: 100%;}
.point_bg.on{transform: scale(1.2);}
.point_name{ display: none; color: #333;}

.point_box.on .point_name{display: block;color: #9B002E;
    position: absolute;
    left: 15px;
    top: 25px;
    background: #fff;
    width: max-content;}
.point_type1{ background: url(../images/c1.png) top center no-repeat;background-size: 100%; z-index: 10;}
.point_type1.on{background: url(../images/c2.png) top center no-repeat;background-size: 100%;z-index: 11;}
.point_type2{ background: url(../images/s1.png) top center no-repeat;background-size: 100%;z-index: 10;}
.point_type2.on{background: url(../images/s2.png) top center no-repeat;background-size: 100%;z-index: 11;}
.point_type3{ background: url(../images/t1.png) top center no-repeat;background-size: 100%;z-index: 10;}
.point_type3.on{background: url(../images/t2.png) top center no-repeat;background-size: 100%;z-index: 11;}
.map_box1{ position: absolute; width: 35%; right:0; top:5%; height: 90%; overflow-y: scroll;}
.point_title{  border-radius: 10px; padding: 8px 10px; cursor: pointer; display: flex;}
.point_title:hover,.point_title.on{border: #9B002E 2px solid;}
.point_title label{    min-width: 4.5em;
    text-align: center;
    background: #9B002E;
    color: #fff;
    margin-right: 5px;
    font-size: 0.8em;
    padding: 5px 5px;
    height: fit-content;}
.point_title label.c1{ background: #9B002E;}
.point_title label.c2{ background: #595757;}
.point_title label.c3{ background: #ffa9b1;}
.point_title font{ color: #333;font-size: 1em;line-height: 1.5em; }
.map_tool{ position: absolute; left: 5%; bottom:5%; width: 20%;}

.chemical_page .o-kv_item_img {
    position: relative;
    width: 100%;
    height: 100%;
}